/**
 * 首页
 */
import React, { useState, useEffect } from 'react';
import styles from './index.less';
import Title from './components/Title';
import Chart from './components/Chart';
import Information from './components/Information';
import Ranking from './components/Ranking';
import xingxiicon from './components/Title/img/xingxiicon.png';
import Announcement from './components/Announcement';
import File from './components/File';
import Untreated from './components/Untreated';
import Warning from './components/Warning';

export default class extends React.Component {
  componentDidMount = () => {};
  render() {
    return (
      <div className={styles.root}>
        <div className={styles.context}>
          <div className={styles.left}>
            <div className={styles.msg}>
              <Information />
            </div>
            <div className={styles.announcement}>
              <Announcement />
            </div>
          </div>
          <div className={styles.certen}>
            <div className={styles.chart}>
              <Chart />
            </div>
            <div className={styles.ranking}>
              <Ranking />
            </div>
            <div className={styles.footer}>
              <div className={styles.untreated}>
                <Untreated />
              </div>
              <div className={styles.warning}>
                <Warning />
              </div>
            </div>
          </div>
          <div className={styles.right}>
            <File />
          </div>
        </div>
      </div>
    );
  }
}
